<template>
	<view class="integral">
		<view class="integral_box pr">
			<image src="/static/image/user_logo.png"></image>
			<view class="text">
				<view class="num">漳州农商银行会员积分</view>
				<view class="words">当前账户积分</view>
			</view>
			<view class="button pa" @click="$navigateTo(info1_url)">
				<span>{{points || 0}}</span>
				<view class="text1">积分</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"integrala",
		data() {
			return {
				
			};
		},
		props: {
			points: {
				type: String,
				default: ''
			},
		},
	}
</script>

<style lang="scss" scoped>
	.integral {
	    padding: 0 40rpx;
	    margin-bottom: 24rpx;
	    .integral_box {
	        padding: 50rpx 30rpx;
	        background-image: url('/static/image/box_bg.png');
	        background-position: center;
	        background-size: cover;
	        background-repeat: no-repeat;
	        border-radius: 16rpx;
	        display: flex;
				image {
					width: 66rpx;
					height: 66rpx;
				}
	        .text {
				padding-left: 18rpx;
	            .num {
					width: 280rpx;
	                font-weight: 600;
	                font-size: 28rpx;
	                line-height: 1em;
	                color:#FFF4DC;
	            }
	            .words {
	                padding-top: 18rpx;
	                line-height: 1em;
	                font-size: 24rpx;
	                color: #FFF4DC;
	            }
	        }
	        .button {
				right: 32rpx;
				bottom: 23rpx;
	            background: linear-gradient(to right, #F9ECD7, #E9C6AC);
	            border-radius: 28rpx;
	            display: flex;
	            justify-content: center;
	            align-items: center;
				padding: 8rpx 40rpx;
	            span {
					display: inline-block;
	                font-weight: 600;
	                font-size: 28rpx;
	                color: #343F4E;
	            }
				.text1 {
					padding-top: 10rpx;
					font-size: 20rpx;
				}
	        }
	    }
	}
</style>
